<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 안드로이드 -->
<!-- <meta name="Viewport" content="width=device-width, user-scalable=1, initial-scale=0.75, minimum-scale=0.75, maximum-scale=0.75, target-densitydpi=device-dpi;"> -->
<!-- 아이폰 -->
<meta name="Viewport" content="width=device-width, user-scalable=no, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5;">
<title>iScroll demo: simple</title>


<style type="text/css" media="all">
body,ul,li {
    padding:0;
    margin:0;
    border:0;
}

body {
    font-size:12px;
      -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    font-family:helvetica;
}

#header {
   
/* position:absolute; z-index:2; */
    top:0; left:0;
    width:100%;
    height:45px;
    line-height:45px;
    background-color:#d51875;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fe96c9), color-stop(0.05, #d51875), color-stop(1, #7b0a2e));
    background-image:-moz-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
    background-image:-o-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
   padding:0;
    color:#eee;
    font-size:20px;
    text-align:center;
}

#header a {
    color:#f3f3f3;
    text-decoration:none;
    font-weight:bold;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}

#footer {
/* position:absolute; */
/*     bottom:100%; left:0; */
    width:100%;
    height:48px;
    background-color:#222;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
    background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
    background-image:-o-linear-gradient(top, #999, #666 2%, #222);
    padding:0;
    border-top:1px solid #444;
        color:#eee;
    font-size:20px;
    text-align:center;
    
}

#wrapper {
/* position:absolute; */
    /* top:45px; */ 
    bottom:48px; left:0;
    text-align:center;
    width:100%;
    background:#ffffff;
    overflow:auto;
        border-top:1px solid #444;
        color:#111;
    font-size:20px;
    text-align:center;
}

#myFrame {
    position:absolute;
    top:0; left:0;
}

</style>
</head>
<body>

<div id="header"><a href="http://211.237.24.179/index.html">IPhone 640</a></div>
<div id="wrapper" >
	<div>
	<br>285x285 px 200%<br>
		<img src="/img/qrcode_1.png"  style="width:570px">
	</div>
	<div>
	<br>570x570 px 100%<br>
		<img src="/img/qrcode_2.png" style="width:570px" >
	</div>
	<!-- <a href="tel:010-8958-3511">NFC Manager</a> -->
     <div id="scroller">
        <br>경기도 버스 페이지<br>
        <iframe src="http://m.gbis.go.kr/jsp/busArrival.jsp?routeId=&stationName=%25EC%2588%2598%25EC%259B%2590%25EC%2597%25AD.AK%25ED%2594%2584%25EB%259D%25BC%25EC%259E%2590&mobileNo=03015&stationId=201000272" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:100%;height:auto"></iframe>
        <br>mobile Olleh 페이지<br>
        <iframe src="http://m.olleh.com" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:100%;height:auto"></iframe>
        <br>mobile Naver 페이지<br>
        <iframe src="http://m.naver.com" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:100%;height:auto"></iframe>
    </div> 
</div>
<div id="footer">
NFC Template
</div>

</body>
</html>
